<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>主题市场</title>
    <link rel="stylesheet" href="css/classify.css">
</head>

<body>

    <header>

    </header>
    <section>
        <!-- 商品分类栏 -->
        <div id="sp_top_nav">
            <ul class="nav_list">
                <li class="on">上衣</li>
                <li>裙子</li>
                <li>裤子</li>
                <li>内衣</li>
                <li>鞋子</li>
                <li>包包</li>
                <li>男友</li>
                <li>母婴</li>
                <li>家居</li>
            </ul>
        </div>
        <!-- 价格筛选 -->
        <div id="wall_nav_box">
            <div class="hhhh">
                <ul class="sort_container">
                    <li class="on">综合</li>
                    <li>销量</li>
                    <li>新品</li>
                </ul>
                <div class="price_input">
                    <div class="tex">
                        <span>￥</span>
                        <input type="text">
                    </div>
                    <span class="area">-</span>
                    <div class="tex">
                        <span>￥</span>
                        <input type="text">
                    </div>
                    <div class="confirm_btn">
                        确定
                    </div>
                </div>
                <div class="price_choice">
                    <p class="choice_one choice">70-130</p>
                    <p class="choice_two choice">130-225</p>
                    <p class="choice_there choice">225-350</p>
                </div>
            </div>
        </div>
        <div id="wall_goods_box">
            <a href="http://127.0.0.1/project/Mogujie/loupe.html" target="_blank">
                <dl class="itme">
                    <dt><img src="imgs/5.jpg" ></dt>
                    <dd>
                        <div class="text_introduce">
                            自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                        </div>
                        <div class="goods_details">
                            <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                            <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                            <p class="sales_volume">
                                <img src="img/xing.png" alt="">8888
                            </p>
                        </div>
                    </dd>
                </dl>
            </a>
            <dl class="itme">
                <dt><img src="imgs/6.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/9.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/13.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/14.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/15.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/28.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/29.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/34.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
            <dl class="itme">
                <dt><img src="imgs/35.jpg" ></dt>
                <dd>
                    <div class="text_introduce">
                        自己就是个一般人，就做一般事情就行！莫烦，莫烦，莫烦,kaiixndian……
                    </div>
                    <div class="goods_details">
                        <p class="discount_A_price">￥<span class="A_price">6666</span></p>
                        <p class="discount_B_price">￥<span class="B_price">9999</span></p>
                        <p class="sales_volume">
                            <img src="img/xing.png" alt="">8888
                        </p>
                    </div>
                </dd>
            </dl>
        </div>
    </section>
    <footer>

    </footer>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/xiding.js"></script>
    <script>
        $("header").load("./head.html", function() {})
        $("footer").load("./foot.html", function() {})



        // $.get("Lphp/getGoodsList.php", {
        //     "typeId": "001"
        // }, function(data) {
        //     console.log(data)
        //     let htmlStr = "";
        //     data.forEach(goods => {
        //         htmlStr +=
        //             `
        //             <dl class="itme">
        //         <dt><img src="imgs/5.jpg" ></dt>
        //         <dd>
        //             <div class="text_introduce">
        //                 ${goods.goodsDesc}
        //             </div>
        //             <div class="goods_details">
        //                 <p class="discount_A_price">￥<span class="A_price">${goods.goodsPrice}</span></p>
        //                 <p class="discount_B_price">￥<span class="B_price">9999</span></p>
        //                 <p class="sales_volume">
        //                     <img src="img/xing.png" alt="">8888
        //                 </p>
        //             </div>
        //         </dd>
        //     </dl>
        // 			`;
        //     });
        //     $("#wall_goods_box").html(htmlStr);
        // }, "json")
    </script>
</body>

</html>